<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<title>Spring Tutorial</title>
		<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible" />
		<meta content="Spring Tutorial" name="description" />
		<meta
			content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
			name="viewport"
		/>
		<link href="http://dunwu.test.upcdn.net/common/logo/zp_50_50.png" rel="icon" type="image/x-icon" />
		<link href="//unpkg.com/docsify/lib/themes/vue.css" rel="stylesheet" title="vue" />
		<style>
			h1 + ul {
				display: block !important;
			}

			.content img,
			.sidebar img {
				border: none;
				border-radius: 4px;
				box-shadow: 2px 2px 5px grey;
			}

			body,
			.content,
			.sidebar,
			.sidebar-toggle,
			.search input {
				color: #6b615f !important;
				background-color: #fff4e6 !important;
			}

			body strong,
			.content strong,
			.sidebar strong {
				color: #5c5869 !important;
			}
		</style>
		<style>
			.cover-main .anchor span {
				text-align: center;
				background-image: -webkit-linear-gradient(left, #ffdcb4, #b96972 25%, #e88a57 50%, #804170 75%, #a596cd);
				-webkit-text-fill-color: transparent;
				-webkit-background-clip: text;
				-webkit-background-size: 200% 100%;
				-webkit-animation: masked-animation 1.5s infinite linear;
				font-family: 'Brush Script MT', 隶书, serif;
				font-weight: 600;
			}

			.cover-main blockquote p {
				color: #5c5869;
				font-family: 'Arial', 隶书, serif;
			}

			.cover-main ul a:hover {
				color: #fe4165 !important;
			}

			.cover-main a:hover {
				text-align: center;
				background-image: -webkit-linear-gradient(left, #ffdcb4, #b96972 25%, #e88a57 50%, #804170 75%, #a596cd);
				-webkit-text-fill-color: transparent;
				-webkit-background-clip: text;
				-webkit-background-size: 200% 100%;
				-webkit-animation: masked-animation 1.5s infinite linear;
			}

			/* content 样式内容 */
			.content a,
			.sidebar a,
			.sidebar ul li a,
			.sidebar ul li a strong {
				color: #399ab2 !important;
				text-decoration: none !important;
			}

			.content a:hover,
			.sidebar a:hover,
			.sidebar ul li a:hover,
			.sidebar ul li a strong:hover {
				color: #fe4165 !important;
				text-decoration: underline !important;
			}

			.sidebar h2 span {
				font-size: 18px;
				color: #399ab2 !important;
				text-decoration: none !important;
			}

			.sidebar h2 span:hover {
				color: #fe4165 !important;
				text-decoration: underline !important;
			}

			.sidebar .sidebar-nav {
				padding-left: 20px;
			}

			.content h1 :hover,
			.content h2 :hover,
			.content h3 :hover,
			.content h4 :hover {
				text-align: center;
				background-image: -webkit-linear-gradient(left, #ffdcb4, #b96972 25%, #e88a57 50%, #804170 75%, #a596cd);
				-webkit-text-fill-color: transparent;
				-webkit-background-clip: text;
				-webkit-background-size: 200% 100%;
				-webkit-animation: masked-animation 1.5s infinite linear;
				font-family: '微软雅黑', serif;
				font-weight: bold;
			}

			@-webkit-keyframes masked-animation {
				0% {
					background-position: 0 0;
				}
				100% {
					background-position: -100% 0;
				}
			}

			.markdown-section h1,
			.content h1 a,
			.content h1 span {
				color: #399ab2 !important;
				font-size: 30px;
				text-shadow: 2px 2px 5px grey;
			}

			.content h2 a,
			.content h2 span {
				color: #60497c !important;
				font-size: 26px;
				text-shadow: 2px 2px 5px grey;
			}

			.content h3 a,
			.content h3 span {
				color: #346093 !important;
				font-size: 22px;
				text-shadow: 2px 2px 5px grey;
			}

			.content h4 a,
			.content h4 span {
				font-size: 18px;
				color: #78943a;
				text-shadow: 2px 2px 5px grey;
			}
		</style>
		<style>
			.markdown-section h1 {
				font-size: 1rem;
				margin: 0;
			}

			.markdown-section h2 {
				font-size: 1rem;
				margin: 1rem 0px;
			}

			.markdown-section h3 {
				font-size: 1rem;
				margin: 0;
			}

			.markdown-section p {
				word-spacing: 0.05rem;
			}
		</style>
		<style>
			.content > p {
				font-size: 16px !important;
				line-height: 24px;
			}

			.content blockquote {
				display: block;
				padding: 0 16px;
				border-left: 8px solid #dddfe4;
				background: #fff2c9;
				overflow: auto;
			}

			.content pre {
				padding-left: 0 !important;
				padding-right: 0 !important;
				border-radius: 8px;
				box-shadow: 1px 1px 20px 3px #dddddd !important;
			}

			.content code {
				background-color: white;
				box-shadow: 1px 1px 1px lightgrey;
			}

			.content table {
				display: table;
				padding-left: 0 !important;
				padding-right: 0 !important;
				box-shadow: 2px 2px 20px 6px lightgrey !important;
			}

			.content th {
				font-weight: bold;
				font-size: 16px;
				background-color: #cce6b6;
			}
		</style>
		<style>
			@media (min-width: 600px) {
				.markdown-section pre > code {
					font-size: 0.9rem !important;
				}
			}

			@media (max-width: 600px) {
				.markdown-section pre > code {
					padding-top: 5px;
					padding-bottom: 5px;
				}

				pre:after {
					content: '' !important;
				}
			}

			@media (min-width: 600px) {
				pre code {
					padding-left: 20px !important;
				}
			}

			@media (max-width: 600px) {
				pre {
					padding-left: 0 !important;
					padding-right: 0 !important;
				}
			}
		</style>
	</head>
	<body>
		<div id="app">正在加载...</div>
		<script src="//unpkg.com/docsify/lib/docsify.min.js"></script>
		<script src="//unpkg.com/docsify-edit-on-github/index.js"></script>
		<script>
			window.$docsify = {
				name: 'spring-tutorial',
				repo: 'https://github.com/dunwu/spring-tutorial',
				logo: 'http://dunwu.test.upcdn.net/common/logo/zp_100_100.png',
				auto2top: true,
				coverpage: 'coverpage.md',
				loadSidebar: 'sidebar.md',
				maxLevel: 4,
				subMaxLevel: 2,
				formatUpdated: '{MM}/{DD} {HH}:{mm}',
				search: {
					maxAge: 86400000,
					paths: ['/'],
					placeholder: '🔍 搜索',
					noData: '😭 没有结果！',
					depth: 4
				},
				disqus: 'spring-tutorial',
				plugins: [
					EditOnGithubPlugin.create('https://github.com/dunwu/spring-tutorial/tree/master/docs/', null, function(file) {
						if (file.indexOf('en') === -1) {
							return '📝 编辑文档'
						} else {
							return '📝 Edit Document'
						}
					})
				]
			}
		</script>
		<script src="//unpkg.com/docsify/lib/plugins/disqus.min.js"></script>
		<script src="//unpkg.com/docsify/lib/plugins/search.min.js"></script>

		<!--代码高亮-->
		<!--@see https://github.com/PrismJS/prism -->
		<script src="//unpkg.com/prismjs/components/prism-basic.min.js"></script>
		<script src="//unpkg.com/prismjs/components/prism-bash.min.js"></script>
		<script src="//unpkg.com/prismjs/components/prism-java.min.js"></script>
		<script src="//unpkg.com/prismjs/components/prism-markdown.min.js"></script>
	</body>
</html>
